<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-10-12 15:57:48
 * @LastEditTime: 2021-01-20 11:10:54
 * @LastEditors: Please set LastEditors
 -->
<template>
  <div class="container">
    <BScroll :listenScroll="true" :data="link_list">
      <van-cell-group ref="list">
        <van-cell
          v-for="(item,index) in link_list"
          :key="index"
          :title="item.title"
          :value="item.value"
          @click.stop="$router.push(item.path)"
        />
        <!-- is-link
        :to="item.path" -->
      </van-cell-group>
      <van-nav-bar title="Vue插件集合" fixed :border="false" />
    </BScroll>
  </div>
</template>
<script>
export default {
    name: "Index",
    data() {
        return {
            scrolly: 0,
            link_list: [
                { title: "拖拽组件", value: "vuedraggable", path: "/drag" },
                { title: "缓存组件", value: "KeepAlive", path: "/keepalive" },
                {
                    title: "瀑布流组件",
                    value: "vue-waterfall2",
                    path: "waterfall",
                },
                {
                    title: "环形进度条组件",
                    value: "vue-radial-progress",
                    path: "/circle",
                },
                {
                    title: "图表组件",
                    value: "echarts vue-echarts",
                    path: "/echart",
                },
                { title: "疫情地图", value: "echarts", path: "/echartmap" },
                { title: "亚洲地图", value: "echarts", path: "/asiamap" },
                {
                    title: "下拉刷新、上拉加载组件",
                    value: "vue-scroller",
                    path: "/scroll",
                },
                {
                    title: "vant移动端滚动加载",
                    value: "van-list",
                    path: "/vscroll",
                },
                {
                    title: "vant顶部切换菜单",
                    value: "van-tabs",
                    path: "/vanttabs",
                },
                {title:'better-scroll滚动组件',value:'better-scrolll',path:'/bscroll'},
                { title: "上传视频", value: "", path: "/uploadvideo" },
                { title: "常用css片段", value: "", path: "/css" },
                { title: "发送websocket", value: "", path: "/websocket" },
                { title: "$bus", value: "", path: "/bus" },
                { title: "$root", value: "", path: "/global" },
                {
                    title: "渐进式图像加载",
                    value: "vue-progressive-image",
                    path: "/progressimg",
                },
                {
                    title: "上下轮播组件",
                    value: "components/rollscreen",
                    path: "/rollscreen",
                },
                {
                    title: "自定义Wave指令",
                    value: "directive/waves",
                    path: "/waves",
                },
                { title: "自定义键盘", value: "", path: "/passwordinput" },
                { title: "canvas", value: "云词图", path: "/canvas" },
                {
                    title: "数字滚动插件",
                    value: "vue-odometer",
                    path: "/odometer",
                },
                {
                    title: "vant密码键盘",
                    value: "keyboard",
                    path: "/vantkeyboard",
                },
                {
                    title: "form表单生成器",
                    value: "form-create",
                    path: "/form",
                },
                {
                    title: "组织架构图",
                    value: "vue-organization-chart",
                    path: "/tree",
                },
                {
                    title: "测试递归组件",
                    value: "自定义tree组件",
                    path: "/customtree",
                },
                {
                    title: "卡片拖拽摆动",
                    value: "swing v-swing",
                    path: "/swing",
                },
                {
                    title: "lottie动画",
                    value: "vue-lottie",
                    path: "/lottie",
                },
                {
                    title:'骨架屏组件',
                    value:'Skeleton',
                    path:'/skeleton'
                },
                {
                    title:'腾讯地图',
                    value:'',
                    path:'/txmap'
                },
                {
                    title:'裁剪头像',
                    value:'vue-cropper',
                    path:'/crop'
                },
                {
                    title:'视频播放器',
                    value:'dplayer',
                    path:'/dplayer'
                },
                {
                    title:'西瓜视频播放器',
                    value:'xglayer',
                    path:'/xgplayer'
                },
                {
                    title:'打印插件',
                    value:'plugins/print',
                    path:'/print'
                },
                {
                    title:'腾讯云验证',
                    value:'captcha/captcha',
                    path:'/captcha'
                },
                {
                    title:'聊天',
                    value:'chat/websocket',
                    path:'/chat'
                },
                {
                    title:'漫画',
                    value:'manhua',
                    path:'/manhua'
                },
                {
                    title:'Vuesax',
                    value:'UI框架',
                    path:'/vuesax'
                },
                {
                    title:'测试',
                    value:'',
                    path:'/test'
                },
                {
                    title:'404',
                    value:'',
                    path:'/404'
                }
            ],
        };
    },
    mounted() {
        console.log("this.$route", this.$route);
        console.log("this.$router", this.$router);
    },
    methods: {},
};
</script>
<style lang="less" scoped>
.container {
    overflow: hidden;
}
</style>